<script>
export default {
  name: 'Footer',
};

</script>

<template>
  <el-footer class="footer">
    <div class="container">
      <div class="content">
        <span>联系方式：1317181481@qq.com</span>
        <span>地址：上海理工大学军工路516号</span>
        <p>版权所有 © 2023 上海理工大学食堂点评交流社区系统</p>
      </div>
    </div>
  </el-footer>
</template>
<style scoped>

.footer {
  background-color: #f5f7fa;
  text-align: center;
  padding: 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.container {
  display: flex;
  justify-content: center;
}
.content {
  margin-left: 10px;
}
</style>
